<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>省广</title>
    <link rel="stylesheet" href="./css/reset.css">
    <!-- <link rel="stylesheet" href="./css/common.css"> -->
    <link rel="stylesheet" href="./scss/resources2.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="logo-box">
            <img src="./assets/images/logo.png" alt="logo">
        </div>
        <div class="search-box">
            <a href="#">
                <img src="./assets/images/search-logo.png" alt="search">
            </a>
        </div>
        <div class="menu">
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
            <div class="message">1</div>
        </div>
    </header>
    <!-- 主要内容 -->
    <section class="content">
        <div class="box-big">
            <div class="title">
                <p>腾讯视频</p>
                <div class="eye">
                    2016年5月26日
                    <img src="./assets/images/resource2-eye.png" alt="resource2-eye">
                    <p>560</p>
                </div>
                <p class="text">腾讯视频贴片广告，60秒贴片广告，质量超棒！</p>
                <p class="text">欢迎尝试，价格可谈。</p>
                <img src="./assets/images/resource2-pic1.png" alt="resource2-pic1">
            </div>
        </div>
        <div class="call">
            <div class="call-title">联系方式：</div>
            <div class="red-box">
                <div class="item">
                    <div class="box">
                        <img src="./assets/images/resource2-peo.png" alt="resource2-peo">
                        <p>于皓</p>
                    </div>
                </div>
                <div class="item">
                    <div class="box">
                        <img src="./assets/images/resource2-phone.png" alt="resource2-phone">
                        <p>020-123456</p>
                    </div>
                </div>
                <div class="item">
                    <div class="box">
                        <img src="./assets/images/resource2-you.png" alt="resource2-you">
                        <p>hotane@qq.com</p>
                    </div>
                </div>
            </div>
        </div>

    </section>
    <!-- 尾部 -->
    <footer>
        <ul>
            <li>
                <a href="#">
                    <div class="foot-logo">
                        <img src="./assets/images/pic6-1.png" alt="首页">
                        <p>首页</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="foot-logo">
                        <img src="./assets/images/pic6-2.png" alt="GIMC">
                        <p>GIMC</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="foot-logo">
                        <img src="./assets/images/resource-pen_25.png" alt="文章">
                        <p>文章</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="foot-logo">
                        <img src="./assets/images/resource-flower_22.png" alt="资源">
                        <p>资源</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="foot-logo">
                        <img src="./assets/images/pic6-5.png" alt="学院">
                        <p>学院</p>
                    </div>
                </a>
            </li>
        </ul>
    </footer>
</body>

</html>